<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>雅生活</title>
</head>

<body>
    <!DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.css">

    </head>

    <body>
        <div class="web">
            <header>
                <!-- 顶部导航栏 -->
                <div class="headerTop">
                    <!-- 左边logo图标 -->
                    <div class="logo">
                        <img src="../images/indexImg/logo.png" alt="">
                    </div>
                    <div class="right">

                        <div class="search">
                            <input type="text">
                            <i class="iconfont icon-sousuo"></i>
                        </div>
                        <div class="textChange">中/繁</div>

                    </div>

                </div>
                <div class="headerBottom">
                    <a href="./index.html">首页</a>
                    <a href="./aboutYaJuLe.html">关于雅卓</a>
                    <a href="#">新闻中心</a>
                    <a href="#">行业洞见</a>
                    <a href="./service.html">雅卓服务</a>
                    <a href="./personnel.html">招贤纳士</a>
                    <a href="./contact.html">联系我们</a>
                </div>
                <!-- 轮播图 -->
                <div class="swiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="../images/indexImg/fry.png" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="../images/indexImg/banner.jpg" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="../images/indexImg/banner202f1aa0.jpg" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="../images/indexImg/fry.png" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="../images/indexImg/banner.jpg" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="../images/indexImg/banner202f1aa0.jpg" alt="">
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>

            </header>
            <main>
                <!-- 内容 -->
                <div class="content">
                    <!-- 右上角标题 -->
                    <div class="title">
                        <div class="home">
                            <i class="iconfont icon-shouye"></i>
                            <a class="text" href="./index.html">首页</a>
                        </div>
                        <span>&gt;</span>
                        <div class="about">关于雅卓</div>
                    </div>
                    <!-- 下面内容 -->
                    <div class="contact">
                        <!-- 左边区域 -->
                        <div class="left">
                            <div class="conText">About</div>
                            <div class="chText">关于雅卓</div>
                            <div class="underLine"></div>
                            <div class="smallText">
                                <div class="line">
                                    <a class="smText" href="../html/aboutYaJuLe.html">雅卓与雅居乐</a>
                                    <i class="iconfont icon-gengduo"></i>
                                </div>
                                <div class="twoHand">企业架构</div>
                                <div class="twoHand">企业愿景</div>
                                <div class="twoHand">雅卓优势</div>

                            </div>


                        </div>
                        <!-- 右边内容 -->
                        <div class="right">
                            <!-- hover上去的侧边tab标签 -->
                            <div class="minBox">

                                <a href="./aboutYaJuLe.html">雅居乐集团</a>
                                <a href="./aboutYaLife.html">雅生活集团</a>

                                <!-- <div class="hovBox2"></div>
                            <div class="hovBox3"></div>
                            <div class="hovBox4">
                                <div>运营模式</div>
                                <div>雅卓平台</div>
                                <div>整合资源</div>
                                <div>服务平台</div>
                            </div> -->
                            </div>
                            <div class="yaContent">
                                <div class="yaInBg">
                                    <div class="yaInBgBox">
                                        <div class="yaInBgTitle">
                                            雅生活集团
                                        </div>
                                        <div class="yaInBgContent">
                                            2015年，雅居乐集团重新定义社区服务理念，以联动发展模式，整合最优质的社区资源，倾情打造集优质物业管理、社区互联网、全业态产品供应等版块于一体的综合性社区服务产业平台，雅生活集团【隶属于雅居乐集团控股有限公司(香港联交所股票代号：3383）】全面激活新型社区服务产业链，拓展社区生活的人文维度和价值维度，为业主创造幸福而丰盛的人生体验，为新经济时代提供最具期待的生活样本。
                                        </div>
                                    </div>
                                    <div class="yaInBgImg">
                                        <img src="../images/aboutImg/future.png" alt="">
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </main>
            <footer>
                <div class="blackBox">
                    <div class="leftText">
                        <div class="text">
                            <div class="top">
                                <a href="#">关于雅卓</a>
                            </div>
                            <div class="bottom">
                                <a href="#"> 雅卓与雅居乐</a>
                                <a href="#">雅卓与雅生活</a>
                                <a href="#">雅卓营销</a>
                                <a href="#">招贤纳士企业愿景</a>
                                <a href="#">雅卓优势</a>
                            </div>
                        </div>
                        <div class="text">
                            <div class="top">
                                <a href="#">新闻中心</a>
                            </div>
                            <div class="bottom">
                                <a href="#"> 企业动态</a>
                                <a href="#">媒体报道</a>

                            </div>
                        </div>
                        <div class="text">
                            <div class="top">
                                <a href="#">行业洞见</a>
                            </div>
                            <div class="bottom">
                                <a href="#"> 营销5.0</a>
                            </div>
                        </div>
                        <div class="text">
                            <div class="top">
                                <a href="#">雅卓服务</a>
                            </div>
                            <div class="bottom">
                                <a href="#"> 一手代理业务</a>
                                <a href="#">二手经纪业务</a>
                                <a href="#">渠道分销</a>
                                <a href="#">营销大包业务</a>
                            </div>
                        </div>
                        <div class="text">
                            <div class="top">
                                <a href="#">招贤纳士</a>
                            </div>
                            <div class="bottom">
                                <a href="#">人才战略</a>
                                <a href="#">校园招聘</a>
                                <a href="#">社会招聘</a>
                            </div>
                        </div>
                        <div class="text">
                            <div class="top">
                                <a href="#">联系我们</a>
                            </div>
                            <div class="bottom">
                                <a href="#"> 联系我们</a>
                            </div>
                        </div>
                    </div>
                    <div class="rightImg">
                        <div class="buy">

                            <img src="../images/indexImg/buy.png" alt="">
                            <span>雅卓营销</span>
                        </div>
                        <div class="buy">
                            <img src="../images/indexImg/House.png" alt="">
                            <span>雅卓购房通</span>
                        </div>
                    </div>
                </div>
                <div class="blueBox">
                    <div class="top">
                        <img src="../images/indexImg/9.png" alt="">
                    </div>
                    <div class="bottom">
                        <div class="left">
                            <a href="https://beian.miit.gov.cn/#/Integrated/index">广州市雅卓营销房地产有限公司 粤ICP备2021149314号
                                020-8883
                                9566-1816 中国广东省广州市天河区珠江新城华夏路26号雅居乐中心23楼</a>
                        </div>
                        <div class="right">
                            <div class="leftText">
                                免责声明 |
                            </div>

                            <div class="rightImg">
                                <img src="../images/indexImg/wechat.png" alt="">
                            </div>
                        </div>
                    </div>

                </div>
            </footer>
        </div>
    </body>
    <!-- <script src="https://unpkg.com/swiper/swiper-bundle.js"> </script> -->
    <!-- <script src="../js/swiper.js"></script> -->

    </html>
</body>

</html>